﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>
	<title>onejs 测试</title>
	<style type="text/css">
.oui_pl_default{ border:1px solid #333;background:#f3f3f3; }
	</style>
    <script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../onecore.js"></script>
	<script type="text/javascript" src="onepanel.js"></script>
    <script type="text/javascript">
var panel = onejs.plugin.panel();

$(function(){
    panel.init({ elms:[{id:'menu1',tpl:'default'},{id:'menu2'}] });
	
	$('#iDiv1').bind('mouseover',function(){
	    panel.get('menu1').content('one pulin').show().follow(this,['right','bottom'],[0,0]);
	}).bind('mouseout',function(){
	    panel.get('menu1').hide();
	});
});
    </script>
</head>

<body>
    <div id="iDiv1" style="position:absolute;left:100px;top:200px;width:100px;height:50px;background:#f00;"></div>
	<div id="iDiv2" style="position:absolute;left:300px;top:200px;width:100px;height:50px;background:#00f;"></div>
</body>
</html>